@charset "utf-8";

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:16px;overflow-x:hidden;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:16px;overflow-x:hidden; color:#666;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;color:#666}
a:hover{color:#c9a87b}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}
.col{color:#c9a87b}



.wrap{ width:100%; max-width:1440px; padding:0 1rem;margin:0 auto}
.pic{overflow:hidden; position:relative}
.pic:before{content:"";display:block;}
.pic>img{display:block;position:absolute;left:0;right:0;top:0;bottom:0; margin:auto;width:100%; height:100%; object-fit:cover;-moz-transition:1s cubic-bezier(.35,.23,.59,.98);-webkit-transition:1s cubic-bezier(.35,.23,.59,.98);transition:1s cubic-bezier(.35,.23,.59,.98);}
.anim{-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}

.header{ position:fixed; left:0; top:0; width:100%; z-index:999; font-size:18px;background:#fff;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;}
.header.scroll{ box-shadow:0 2px 10px rgba(0,0,0,.05);}
.header .wrap{ max-width:96%; position:relative}
.logo a{ display:flex; display:-webkit-flex; height:90px;align-items:center}
.logo img{ display:block;height:60px;}
.menu{ position:absolute; left:50%;top:0; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.menu li{ float:left; margin:0 35px; position:relative;}
.menu li a{color:#333; line-height:90px; display:block; position:relative}
.menu li a:after{content:''; width:0;height:4px; background:#c9a87b; position:absolute; left:50%;bottom:0; -webkit-transition:.4s ease-in;-moz-transition:.4s ease-in;transition:.4s ease-in}
.menu li:hover>a, .menu li.cur>a{ color:#c9a87b}
.menu li.cur>a:after{ left:0; width:100%}
.menu li.cur:hover>a:after{ opacity: 0;bottom:-4px; transition: .1s}
.menu .sub{
	-webkit-transition: all .4s;
    transition: all .4s;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #002049;
    width: 190px;
    padding: 0 10px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-clip-path: polygon(0 -20%, 100% -20%, 100% 0, 0 0);
    clip-path: polygon(0 -20%, 100% -20%, 100% 0, 0 0);
}
.menu .sub:before {
    content:'';
    display: block;
	width: 0;
	height: 0;
	border-bottom: 10px solid #002049;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
    position: absolute;
    left: 50%;
    top: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.menu .sub a{ display:block; color:#fff;border-bottom: 1px solid rgba(255,255,255,.3); line-height:40px;padding:10px 0;font-size:.9em;}
.menu li:hover .sub{
	opacity: 1;
	visibility: visible;
	clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%);
}
.menu .sub a:hover{ color:#c9a87b}

.search { width:190px; position:relative; margin-top:24px}
.search input[type=text]{ line-height:40px; border:1px solid #e8e8e8; width:100%; padding:0 40px 0 15px;}
.search input[type=submit]{ position:absolute; right:0; top:0;bottom:0; width:40px; background:url(../images/search-btn.png) no-repeat center;border: 0; cursor:pointer}
/*banner*/
.banner{ position:relative; margin-top:90px;}
.banner img{display:block;width:100%;}
.banner .bantxt{ position:absolute; left:50%;top:35%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); color:#fff; text-align:center; font-size:35px; width:100%}
.banner .bantxt h4{ text-transform:uppercase; font-weight:500}
.banner .bantxt h3{ font-size:1.83em; font-weight:500; line-height:1;/*倒影*/-webkit-box-reflect: below 0 linear-gradient(transparent 60%, rgba(0,0,0,0.2));}
.banner .swiper-pagination{bottom:4%;} 
.banner .swiper-pagination-bullet{ width:50px; height:3px; border-radius:0;background:#fff; opacity:.45;position:relative;transition:.3s;outline:none}
.banner .swiper-pagination-bullet-active{ background:#c9a87b; opacity:1}

.space{ padding:80px 0}
.title{ color:#333;text-align:center;position:relative; font-size:40px; margin-bottom:1em;line-height:1.3; font-weight:500}
.more{ display:inline-block; padding-right:32px; background:url(../images/more.png) no-repeat right center; font-size:14px;font-weight: 300;position: relative; line-height:2}
.more:after{
	content:"";
	width:100%;
	height:1px; 
	background:#d6bf9f;
	position:absolute; 
	left:0;
	bottom:0;
	transform-origin: right center;
	-webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform: scaleX(0);
}
.more2{width:160px;
    background: #002049;
    height: 50px;
	line-height:50px;
    margin: 40px auto 0px auto;
    border: 0px;
	color:#fff;
	font-size:16px;
	display:block;
	cursor:pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
	text-align:center;
}
.more2:hover{background: #c9a87b;color:#fff;}

.i-business ul{ margin-right:-2%; display:flex; display:-webkit-flex;}
.i-business li{ float:left; width:31.33%; margin-right:2%; position:relative; overflow:hidden;background:rgb(0,32,73);}
.i-business .pic:before{ padding-top:62%}
.i-business .pic:after{/* content:""; */width:100%; height:80%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,32,73,0), rgba(0,32,73,.6)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(0,32,73,0), rgba(0,32,73,.6)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(0,32,73,0), rgba(0,32,73,.6)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(0,32,73,0), rgba(0,32,73,.6)); }
.i-business .tit{ position:absolute; left:0; right:0;bottom:0; color:#fff; padding:0 35px 35px; font-size:24px; display:none}
.i-business .tit span{ display:block; font-size:.66em; text-transform:capitalize}
.i-business .tit, .i-business .txthide{ -webkit-transition:.6s cubic-bezier(.25,.1,.25,1);-moz-transition:.6s cubic-bezier(.25,.1,.25,1);transition:.6s cubic-bezier(.25,.1,.25,1);}
.i-business .txthide{ color:#d6bf9f;padding:40px 35px 40px;}
.i-business .txthide .ttit{ font-size:20px; margin-bottom:1em}
.i-business .txthide .ttit span{display:block; font-size:.66em; text-transform:capitalize}
.i-business .txthide p{ font-size:.9em; font-weight:300; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:1em; min-height:3em}
.i-business li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}
.i-business li:hover .tit{ opacity:0;bottom:-10px}
.i-business li:hover .txthide{bottom:0}

.i-business li:hover .more:after{
-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
	transform-origin: left center;
}
.i-field{ background:#f3f2f1}
.i-field .tab{ display:flex; display:-webkit-flex;align-items:center;justify-content:center; margin-top:-15px; margin-bottom:3em}
.i-field .tab li{ margin:0 10px; color:#d6bf9f; min-width:160px;border:1px solid #d6bf9f; text-align:center;font-size:20px; padding:5px; line-height:1.4; cursor:pointer;-webkit-transition:.3s;-webkit-transition:.3s;transition:.3s}
.i-field .tab li span{ display:block;font-size:.66em;text-transform: capitalize;}
.i-field .tab li.cur{ background:#002049; border:1px solid #002049}
.i-field .tabCon .item{ display:none;transition:.3s}
.i-field .tabCon .item.cur{ display:block}
.i-field .list_1{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%}
.i-field .list_1 li{ width:31.33%; margin-right:2%; margin-bottom:2%;background:#fff;}
.i-field .list_1 a{ display:flex; display:-webkit-flex; padding:45px 30px 35px 20px;background: rgba(255, 255, 255, 0.8);}
.i-field .list_1 .ico{ width:60px; height:60px; position:relative; overflow:hidden}
.i-field .list_1 .ico img{ position:absolute; left:0;top:0}
.i-field .list_1 .txt{ width:calc(100% - 60px); padding-left:5%}
.i-field .list_1 .tit{ color:#333; font-size:20px; position:relative;}
.i-field .list_1 .tit:after{ content:""; width:15px; height:2px; background:#002049; display:block; margin:.6em 0 1em}
.i-field .list_1 .titen{ color:#999; font-size:14px; font-weight:300; text-transform:capitalize;line-height: 1.5; min-height: 3em;}
.i-field .list_1 li:hover a{ background:#002049}
.i-field .list_1 li:hover .tit{color:#d6bf9f}
.i-field .list_1 li:hover .tit:after{ background:rgba(213,189,155,.4)}
.i-field .list_1 li:hover .titen{color:#d6bf9f}
.i-field .list_1 li:hover .ico img{ top:-60px}

.i-field .list_2{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%}
.i-field .list_2 li{width:31.33%; margin-right:2%; margin-bottom:2%;background:#fff; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.i-field .list_2 .top{display:flex; display:-webkit-flex;padding:45px 30px 10px 20px}
.i-field .list_2 .ico{ width:60px; height:60px; position:relative; overflow:hidden;}
.i-field .list_2 .ico img{ position:absolute; left:0;top:0}
.i-field .list_2 .txt{ width:calc(100% - 60px); padding-left:20px}
.i-field .list_2 .tit{ color:#333; font-size:20px; position:relative;}
.i-field .list_2 .titen{ color:#999; font-size:14px; font-weight:300; text-transform:capitalize;}
.i-field .list_2 .sub{ padding:0 30px 30px 100px}
.i-field .list_2 .sub p{ display:block; position:relative; font-size:14px; color:#333; padding-left:15px;margin-top: 5px; -webkit-transition:none;-moz-transition:none;transition:none; display:flex}
.i-field .list_2 .sub p:before{ content:""; width:5px; height:5px; background:#333; position:absolute; left:0;top:8px;}
.i-field .list_2 .sub p span:nth-child(1){ min-width:40%}
.i-field .list_2 .sub p span:nth-child(2){padding-left:10px;opacity:.7; font-weight:300}
.i-field .list_2 li:hover{ background:#002049}
.i-field .list_2 li:hover .tit{color:#d6bf9f}
.i-field .list_2 li:hover .titen{color:#d6bf9f}
.i-field .list_2 li:hover .ico img{ top:-60px}
.i-field .list_2 li:hover .sub p{color:#d6bf9f; transition:0}
.i-field .list_2 li:hover .sub p span:nth-child(2){ opacity:.9}
.i-field .list_2 li:hover .sub p:before{ background:rgba(213,189,155,.4)}
/*.i-field .list_2 li:hover .sub p:hover::before{ background:rgba(213,189,155,.9); transition:.3s}*/


.i-client{ padding:120px 0 160px; background:url(../images/bg.jpg) no-repeat center; background-size:cover}
.i-client .shape{ position:relative}
.i-client .shape:after{ 
	content:"";
	background:#d6bf9f;
	position:absolute; 
	left:0;
	bottom:1px;
	width:99.98%;
	height:calc(100% - 48px);
	z-index:1
	
}
.i-client .shape ul{ display:flex; display:-webkit-flex; position:relative; z-index:2}
.i-client .shape li{
	--path:50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
	width:12.5%; 
	position:relative; 
	background:#fff; 
	border:1px solid #d6bf9f; 
	-webkit-clip-path: polygon(var(--path));
	clip-path: polygon(var(--path));
	margin-bottom:-46px
}
.i-client .shape li:before{ content:""; display:block; padding-top:110%}
.i-client .shape ul:nth-child(2){ margin:0 -6.25%;}

.i-client .wrap{ position:relative}
.i-clientTit{
	position:absolute; 
	width:24.7%; 
	height:calc(100% - 47px); 
	left:50%;top:47px; 
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:3;
	
	filter: drop-shadow(5px 5px 25px rgba(213,189,155,.6));
	}
.i-clientTit .conn{
	--path:50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
	-webkit-clip-path: polygon(var(--path));
	clip-path: polygon(var(--path));
	background:#d6bf9f;
	width: 100%;
    height: 100%;
	padding:50px; 
	color:#fff;
	text-align: center;
}
.i-clientTit .conn .title{ color:#fff; margin-top: 25%; margin-bottom:.5em}
.i-clientTit .conn .intro{ font-size:.9em; display:-webkit-box;-webkit-line-clamp:3; overflow:hidden;-webkit-box-orient:vertical; text-align:left; margin-bottom:1.5em}
.i-clientTit .conn .more{ color:#fff;background: url(../images/more_2.png) no-repeat right center;border-bottom: 1px solid #fff;line-height:2; display:inline-block; opacity:.6}
.i-clientTit .conn .more:hover{ opacity:1}
.i-clientList{ position:absolute; width:calc(100% - 2rem); height:100%; z-index:2;top:0;left:1rem}
.i-clientList.swiper-container{ overflow:visible}
.i-clientList.swiper-container-fade .swiper-slide{ opacity:0 !important}
.i-clientList.swiper-container-fade .swiper-slide-active{ opacity:1 !important}
.i-clientList .item{ width:12.5%; position:absolute;top:0; overflow:hidden}
.i-clientList .kh-logo{
	position:relative;
	display:flex; 
	display:-webkit-flex;
	align-items:center;
	justify-content:center;
	--path:50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
	-webkit-clip-path: polygon(var(--path));
	clip-path: polygon(var(--path));
	-webkit-transform: scale(0);
            transform: scale(0);
}
.i-clientList .kh-logo:before{ content:""; padding-top:110%; display:block;}
.i-clientList .kh-logo img{ max-width:80%; max-height:100%; object-fit:contain; display:block;}
.i-clientList .kh-logo p{
	position:absolute; 
	left:-5%;
	top:-5%;
	width:110%;
	height:110%;
	padding:10% 5%;
	display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
	background: rgb(0,32,73,.8);
	color:#d6bf9f;
	line-height:1.2;
	text-align:center;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	transition:.4s;
	opacity:0
}
.i-clientList .swiper-slide-active .kh-logo{
    -webkit-animation: index_logo_max .8s forwards cubic-bezier(.31, .61, .25, .99);
    animation: index_logo_max .8s forwards cubic-bezier(.31, .61, .25, .99);
}
.i-clientList .kh-logo:hover p{ opacity:1}
@-webkit-keyframes index_logo_max {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes index_logo_max {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.i-clientList .item1{top:0;left:0}
.i-clientList .item2{top:0;left:12.5%}
.i-clientList .item3{top:0;left:25%}
.i-clientList .item4{top:33.33%;left:-6.25%}
.i-clientList .item5{top:33.33%;left:6.25%}
.i-clientList .item6{top:33.33%;left:18.75%}
.i-clientList .item7{top:66.66%;left:0}
.i-clientList .item8{top:66.66%;left:12.5%}
.i-clientList .item9{top:66.66%;left:25%}
.i-clientList .item10{top:0;right:25%}
.i-clientList .item11{top:0;right:12.5%}
.i-clientList .item12{top:0;right:0}
.i-clientList .item13{top:33.33%;right:18.75%}
.i-clientList .item14{top:33.33%;right:6.25%}
.i-clientList .item15{top:33.33%;right:-6.25%}
.i-clientList .item16{top:66.66%;right:25%}
.i-clientList .item17{top:66.66%;right:12.5%}
.i-clientList .item18{top:66.66%;right:0}

.i-clientList-m{ display:none; margin:0 10%; padding-bottom:7%}

.i-clientList-m .item{ float:left; width:23%;margin-right:2%; margin-bottom:-4%; position:relative}
.i-clientList-m .item:nth-child(7n+1) {
    margin-left:12.5%;
}

.i-clientList-m a{
	display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    --path: 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
    -webkit-clip-path: polygon(var(--path));
    clip-path: polygon(var(--path));
	background: #f3f3f3;
}
.i-clientList-m a:before {
    content: "";
    padding-top: 110%;
    display: block;
}
.i-clientList-m img{ max-width:85%; max-height:100%}
.i-clientList-m p{
	position:absolute; 
	left:0;
	top:0;
	right:0;
	bottom:0; 
	padding:10% 5%;
	display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
	background: rgb(0,32,73,.8);
	color:#d6bf9f;
	line-height:1.2;
	text-align:center;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	transition:.4s;
	opacity:0}
.i-clientList-m .swiper-slide{ padding-left:2%}
.i-clientList-m .swiper-pagination{bottom:0}
.i-clientList-m .swiper-pagination-bullet{ background:rgba(255,255,255,.6); opacity:1}
.i-clientList-m .swiper-pagination-bullet-active{ background:#d6bf9f}
.i-clientList-m .kh-logo:hover p{ opacity:1}

.i-job .content{ position:relative}
.i-job-pic img{ display:block; width:100%; object-fit:cover}
.content .i-job-pic img{ height:400px;}
.i-searchBox{ background:url(../images/zyfz3.jpg) no-repeat center; background-size:cover; width:60%; height:400px}
.i-search{ background:url(../images/lbx.png) no-repeat center; padding:145px 155px 0 155px;width:529px; height:400px; margin:0 auto;position:relative}
.i-search .tab{ font-size:20px; display:flex; display:-webkit-flex; margin-bottom:20px}
.i-search .tab li{ color:rgba(255,255,255,.8); cursor:pointer; transition:.3s; position:relative; line-height:1}
.i-search .tab .cur{ font-weight:bold; color:#fff}
.i-search .tab li:hover{ color:#fff}
.i-search .tab li:first-child{ margin-right:15px; padding-right:15px}
.i-search .tab li:first-child::after{ content:""; width:1px; height:20px; background:#fff; filter:opacity(60%);opacity:.6; position:absolute;top:2px;right:0;}
.i-search input[type=text]{ background:#fff; border:0; padding:6px 12px; line-height:2; font-size:14px; font-weight:300; margin-bottom:12px; display:block; width:100%}
.i-search input[type=submit]{ background:#e6a013; font-size:16px; display:block; width:100%; border:0; line-height:40px;color:#fff; cursor:pointer; transition:.3s}
.i-search input[type=submit]:hover{background:#ceaf81;}
.i-search .tabCon .item{ display:none}
.i-search .tabCon .item.cur{ display:block}
.i-searchBox .txt{ font-size:38px;margin-top:90px;}
.i-searchBox .titen{ line-height:1.2; font-weight:300; position:relative; padding-top:20px; text-transform:uppercase}
.i-searchBox .titen em{ font-weight:bold; font-style:normal; position:relative; z-index:2}
.i-searchBox .titen span{position:relative; z-index:2; display:block}
.i-searchBox .titen:before{ content:""; width:65px; height:75px; background:#d6bf9f; position:absolute; right:-13px;top:4px; z-index:1;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.i-searchBox .tit{ line-height:1.2; background:url(../images/zsys.png) no-repeat left top; padding-top:45px; margin-top:20px}
.i-searchBox .tit span{ display:block}
.i-rck{ width:38.5%;padding:30px; height:400px;background: #d6bf9f;overflow: hidden}
.i-rck .tit{ display:flex; display:-webkit-flex;align-items:center;justify-content:space-between;color:#fff; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:5px}
.i-rck .tit .more{background: url(../images/more_2.png) no-repeat right center;color:#fff}
.i-rck .tit h3{ font-size:18px;color: #fff;}
.i-rcklist{height:270px; overflow:hidden}
.i-rcklist li{ margin-bottom:.5em; line-height:1.5}
.i-rcklist a{ color:#fff; display:block; position:relative; padding-left:10px;}
.i-rcklist a:before{ content:""; width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #fff; position:absolute; left:0;top:7px}
.i-rcklist li:hover{ text-decoration:underline}

.footer{ background:#002049; padding:60px 0; font-size:14px; color:#747e8f; font-weight:300; line-height:2}
.footer a{ color:#747e8f}
.f-contact{ max-width:45%}
.f-contact h3{ color:#fff; font-size:24px; margin-bottom:1em}
.f-ewm{ width:120px}
.f-ewm img{ width:100%; display:block}
.f-ewm span{ color:rgba(255,255,255,.3)}
.f-contact ul{ margin-left:30px; color:#fff}
.f-contact li{ margin-bottom:10px;}.f-contact li:last-child{ margin-bottom:0}
.f-contact li.tel{ padding-top:15px; background:url(../images/f-ico1.png) no-repeat}
.f-contact li.mail{ padding-top:10px; background:url(../images/f-ico2.png) no-repeat}
.f-contact li.add{ padding-top:20px; background:url(../images/f-ico3.png) no-repeat}
.footer .right{ max-width:50%}
.f-nav ul{ display:flex; display:-webkit-flex;}
.f-nav li{ float:left; margin-left:80px}
.f-nav h4{ margin-bottom:.5em}
.f-nav h4 a{ color:#fff; font-size:18px; font-weight:500;}
.f-nav .sub a{ display:block; font-size:1.07em}
.f-nav .sub a:hover{ color:#fff}
.copyright{ text-align:right; margin-top:60px}
.copyright a:hover{ color:#fff}
/**/
.headerHeight{ height:91px; border-bottom:1px solid #e8e8e8; position:relative}
.nbanner{ position:relative; margin-top:90px}
.nbanner:before{ content:""; display:block; padding-top:23%}
.nbanner img{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover}
.nba-tit{
	position:absolute;
	left:50%;
	top:50%; 
	transform:translate(-50%,-50%);
	z-index:2; 
	text-align:center; color:#fff;
}
.nba-tit h3{font-size:3.5em; font-weight:500;opacity:0}
.nba-tit h4{ font-size:1.5em; opacity:0; text-transform:uppercase}
.nba-tit h3{
	-webkit-animation: moveanim 1s forwards cubic-bezier(.31, .61, .25, .99);
    animation: moveanim 1s forwards cubic-bezier(.31, .61, .25, .99);
}
.nba-tit h4{
	-webkit-animation: moveanim .6s forwards cubic-bezier(.31, .61, .25, .99) .2s;
    animation: moveanim .6s forwards cubic-bezier(.31, .61, .25, .99) .2s;
}
@-webkit-keyframes moveanim {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
		opacity:0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
		opacity:1
    }
}
@keyframes moveanim {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
		opacity:0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
		opacity:1
    }
}

.anchor {
    display: block;
    top: -120px;
    visibility: hidden;
    position: absolute;
}

.content{ line-height:2;}
.content img{ max-width:100%; height:auto}

.inner-nav{ border-bottom:1px solid #d8d8d8; font-size:20px;}
.inner-nav ul{ display:flex; display:-webkit-flex;justify-content:center}
.inner-nav li{ margin:0 25px}
.inner-nav a{ display:block; padding:20px 15px; color:#333; position:relative}
.inner-nav a:after{ content:""; width:0; height:3px; background:#c9a87b; position:absolute; left:50%;bottom:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.inner-nav li.cur a, .inner-nav li:hover a{ color:#c9a87b}
.inner-nav li.cur a:after, .inner-nav li:hover a:after{ width:100%; left:0}

.content-abt{ display:flex; display:-webkit-flex;}
.content-abt .img-box{ width:50%}
.content-abt .img-box img{ display:block; width:100%}
.content-abt .txt-box{ width:50%; padding-left:6%}
.content-abt .txt-box .title{ text-align:left}
.content-abt .txt-box .by{color: #c9a87b; font-size:1.5em; margin-top:-1.5em; margin-bottom:.2em}
.content-abt p{ margin-bottom:.5em}
.main_culture{ background:url(../images/cul-bg.jpg) no-repeat center; background-size:cover; color:#fff; padding:120px 0}
.main_culture .title{ color:#fff}
.culture ul{ display:flex; display:-webkit-flex;justify-content:space-between; text-align:center; line-height:1.5}
.culture h3{ font-size:1.5em;}
.culture .ico{
	--path: 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
    position: relative;
	width:110px;
	height:120px;
    background:rgba(201,168,123,.35);
    -webkit-clip-path: polygon(var(--path));
    clip-path: polygon(var(--path));
    margin-bottom:1em; 
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center
}
.gshjList{ padding-bottom:60px}
.gshjList .pic:before{ padding-top:76.88%}
.gshjList .swiper-pagination{bottom:0}
.gshjList .swiper-pagination-bullet{ width:10px; height:10px;}
.gshjList .swiper-pagination-bullet-active{ background:#c9a87b;}

.newsList li{ border-bottom:1px solid #d8d8d8; padding:100px 0}
.newsList a{ display:flex; display:-webkit-flex; flex-direction:row-reverse;}
.newsList li:first-child{ padding-top:30px}
.newsList .pic{ width:36%;}
.newsList .pic:before{ padding-top:66.66%}
.newsList .txt{
	width: 64%;
    display: flex;
	display: -webkit-flex;
    align-items: flex-start;
	padding-right:5%
}
.newsList .date{ width:24%; color:#333; font-weight:bold; font-size:40px; padding-top:.3em; font-family:Bebas}
.newsList .date span{ display:block; line-height:1.2}
.newsList .date .year{ font-size:.6em}
.newsList .con{ width:76%}
.newsList h3{
	font-size: 36px;
	color:#333;
	font-weight:500;
	line-height:1.4;
	max-width:80%;
	margin-bottom:.7em;
	-webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
}
.newsList .intro{
	color:#666;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin-bottom:4em;
	line-height:1.6;
}
.main .more{color: #c9a87b;}
.page-list .more:hover::after, .serList li:hover .more::after, .horList li:hover .more::after, .teamList li:hover .more::after, .content-team .rightCon .more:hover::after, .hrList .more:hover::after, .jobdetail-top .more:hover::after{
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
	transform-origin: left center;
}

.newsList li:hover h3{ color:#c9a87b}
.newsList li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.newsList li:hover .more::after{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);transform-origin: left center;}

.main-newsTOP{background: #f3f2f1 url(../images/newstopbg.jpg) no-repeat; background-size:cover;padding:120px 0}
.newstit{font-weight:500;line-height: 1.3; color:#333; font-size:40px;}
.newstm{ color:#999;line-height:1; margin-top:1.5em; font-size:14px}
.newstm span{position:relative}
.newstm span:first-child{ padding-right:30px}
.newstm span:first-child::after{ content:""; width:1px; height:12px; background:#d8d8d8; position:absolute; right:15px;top:0}

.newsLeft{ width:calc(100% - 400px);}
.newsRight{ width:300px;}


.n-article img{ max-width:100%; height:auto !important}
.n-article p{margin-bottom:10px}
.page-list{ border-top:1px solid #e8e8e8; margin-top:3em; padding-top:2em; position:relative}
.page-list p{ white-space:nowrap; overflow:hidden;text-overflow:ellipsis;width:50%;line-height:1.8;}
.page-list .more{ position:absolute; right:0;top:2em;}


.newsRight{ background:#f3f2f1; padding:35px}
.newsRight h3{color: #333; padding-left:10px; position:relative;line-height: 1; margin-bottom:.5em}
.newsRight h3:before{content: '';
    width: 3px;
    height: 100%;
    background: #c9a87b;
    position: absolute;
    left: 0;
}
.newsRight li{ border-bottom:1px solid #d8d8d8; padding:15px 0}
.newsRight li span{ display:block; font-size:.9em;color:#999; font-weight:300}
.newsRight li em{ font-style:normal; color:#333; line-height:1.4; display:block; transition:.3s}
.newsRight a:hover em{color:#c9a87b;}

.serList li{padding:60px 0}
.serList li:first-child{ padding-top:30px}
.serList a{ display:flex; display:-webkit-flex;align-items:center}
.serList .pic{ width:50%}
.serList .pic:before{padding-top:62%;}
.serList .txt{ width:50%; padding:3% 6%}
.serList .tit{ font-size:40px; margin-bottom:1em; position:relative; padding-left:25px; color:#002049; font-weight:500;line-height:1; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.serList .tit span{ display:block; font-size:.5em; font-weight:300; color:#999; margin-top:.5em;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.serList .tit:before{ content:""; width:5px; height:100%; background:#c9a87b; position:absolute; left:0;top:0}
.serList .intro{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; color:#666; margin-bottom:2.5em; font-size:1.1em}
.serList li:nth-child(even) a{flex-direction:row-reverse}
.serList li:nth-child(even) .txt{}
.serList li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.serList li:hover .tit, .serList li:hover .tit span{color:#c9a87b;}
.main_service .title{ margin-bottom:.6em}

.horList ul{ margin-right:-2%; display:flex; display:-webkit-flex;flex-wrap:wrap;}
.horList li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%;}
.horList a{ display:block; background:#f3f2f1; padding:40px 35px 30px;height: 100%;}
.horList .pic:before{padding-top:66.66%;background:#f3f2f1;}
.horList h3{ color:#333; display:-webkit-box;-webkit-line-clamp:2; overflow:hidden;-webkit-box-orient:vertical; margin-top:1.2em; margin-bottom:.5em;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.horList li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.horList li:hover h3{color:#c9a87b;}

.tmimgList ul{margin-right:-2%; display:flex; display:-webkit-flex;flex-wrap:wrap;}
.tmimgList li{ margin-right:2%; width:31.33%; margin-bottom: 2%;}
.tmimgList .pic{ border: 1px solid #e8e8e8;}
.tmimgList .pic:before{padding-top:66.66%;}
.tmimgList li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}


/*nav-second*/
.nav-second{ display:flex; display:-webkit-flex;justify-content:center; margin-bottom:60px;}
.nav-second .item{ width:20%; margin:0 1%}
.wrapper-dropdown {
    position: relative;    
    cursor: pointer;
	z-index: 9;
}
.wrapper-dropdown>span{
	display:block;
	position:relative;
	padding:0 30px;
	background: #fff;
	line-height:55px;
	border-radius:35px;
    border: 1px solid #8d8d8d;
	transition:.3s;
	-webkit-transition:.3s;
	z-index: 2;
}
.wrapper-dropdown>span i{
	-webkit-transition:.3s;
    transition:.3s;
	width:16px; 
	height:16px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -8px;
	background:url(../images/arrow-down.png) no-repeat;
    z-index: 30;
}

.wrapper-dropdown.active>span{background: #c9a87b;color:#fff;border:1px solid #c9a87b}
.wrapper-dropdown.active>span i{background:url(../images/arrow-down-w.png) no-repeat;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.wrapper-dropdown .dropdown {
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    background: #c9a87b;
    border-radius: 35px;
	padding: 60px 26px 20px 30px;
	-webkit-transition:.3s;
    transition:.3s;
	opacity: 0;
    visibility: hidden;
    -webkit-clip-path: polygon(0 -20%, 100% -20%, 100% 0, 0 0);
    clip-path: polygon(0 -20%, 100% -20%, 100% 0, 0 0);
}
.wrapper-dropdown .dropdown ul{
	max-height: 320px;
	padding-right:4px;
	overflow-x:auto
}
.wrapper-dropdown .dropdown li a{
    color: #fff;
    display: block;
    padding:15px 0;
    border-top: 1px solid rgba(255,255,255,.3);
	position:relative
}
.wrapper-dropdown .dropdown li a i{
	position:absolute;
	right:0;
	top:0;
	width:12px;
	height:100%
}
.wrapper-dropdown .dropdown li a i:before{
	content:"";
	width:12px;
	height:1px;
	background:rgba(255,255,255,.6);
	position:absolute;
	left:0;
	top:50%;
}
.wrapper-dropdown .dropdown li a i:after{
	content:"";
	width:1px;
	height:12px;
	background:rgba(255,255,255,.6);
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-5px;
	margin-left:-1px;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	transition:.3s
}

.wrapper-dropdown .dropdown li .sub{ font-size:.9em; padding-bottom:10px; display:none}
.wrapper-dropdown .dropdown li .sub a{ padding:0; border:0; position:relative; padding-left:15px}
.wrapper-dropdown .dropdown li .sub a:before{
	content: "";
    width: 5px;
    height: 5px;
    background:rgba(255,255,255,.6);
    position: absolute;
    left: 0;
    top: 8px;
}
/* Hover state */
.wrapper-dropdown .dropdown li:hover>a{
	color:rgba(255,255,255,.6)
}
.wrapper-dropdown .dropdown .sub a:hover{
	color:rgba(255,255,255,.6)
}
.wrapper-dropdown .dropdown li.cur a i:after{ -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); opacity:0}
/* Active state */

.wrapper-dropdown.active .dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%);
    clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%);
}

.wrapper-dropdown .dropdown ul::-webkit-scrollbar {
	width: 4px;
}
.wrapper-dropdown .dropdown ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	opacity: 0.2;
	background:transparent
}
.wrapper-dropdown .dropdown ul::-webkit-scrollbar-track {
	border-radius: 10px;
	background:transparent
}


/* No CSS3 support */

.no-opacity       .wrapper-dropdown .dropdown,
.no-pointerevents .wrapper-dropdown .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown.active .dropdown,
.no-pointerevents .wrapper-dropdown.active .dropdown {
    display: block;
}

.clientList{ padding:2% 8%}
.clientList ul{ margin-left:2%}
.clientList li{
	width: 18%;
	margin-right:2%;
	position: relative;
    float: left;}

.clientList a{
	display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    --path: 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
    -webkit-clip-path: polygon(var(--path));
    clip-path: polygon(var(--path));
	background: #f3f3f3;}
.clientList a:before {
    content: "";
    padding-top: 110%;
    display: block;
}
.clientList img{ max-width:85%; max-height:100%}
.clientList p{
	position:absolute; 
	left:0;
	top:100%;
	right:0;
	bottom:0; 
	padding:10% 5%;
	display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
	background: rgb(0,32,73,.8);
	color:#d6bf9f;
	line-height:1.2;
	text-align:center;
	opacity:0;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	transition:.4s;}
.clientList li:nth-child(9n+1){ margin-left:10%}
.clientList li:nth-child(9n+1),.clientList li:nth-child(9n+2),.clientList li:nth-child(9n+3),.clientList li:nth-child(9n+4){
    margin-top: -3%;
    margin-bottom: -3%;}
.clientList li:hover p{top:0; opacity:1}
.teamBox .title{ text-align:left}
.teamBox .list{display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%; margin-bottom:3em}
.teamBox .list li{ background:#f3f2f1;width:31.33%; margin-right:2%; margin-bottom:2%;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.teamBox .list_1 a{ display:flex; display:-webkit-flex; padding:45px 30px 35px 20px}
.teamBox .list_1 .ico{ width:60px; height:60px; position:relative; overflow:hidden}
.teamBox .list_1 .ico img{ position:absolute; left:0;top:0}
.teamBox .list_1 .txt{ width:calc(100% - 60px); padding-left:5%}
.teamBox .list_1 .tit{ color:#333; font-size:20px; position:relative;}
.teamBox .list_1 .tit:after{ content:""; width:15px; height:2px; background:#002049; display:block; margin:.6em 0 1em}
.teamBox .list_1 .titen{ color:#999; font-size:14px; font-weight:300; text-transform:capitalize;line-height: 1.5; min-height: 3em;}
.teamBox .list_1 li:hover a{ background:#002049}
.teamBox .list_1 li:hover .tit{color:#d6bf9f}
.teamBox .list_1 li:hover .tit:after{ background:rgba(213,189,155,.4)}
.teamBox .list_1 li:hover .titen{color:#d6bf9f}
.teamBox .list_1 li:hover .ico img{ top:-60px}

.teamBox .list_2 .top{display:flex; display:-webkit-flex;padding:45px 30px 10px 20px}
.teamBox .list_2 .ico{ width:60px; height:60px; position:relative; overflow:hidden;}
.teamBox .list_2 .ico img{ position:absolute; left:0;top:0}
.teamBox .list_2 .txt{ width:calc(100% - 60px); padding-left:20px}
.teamBox .list_2 .tit{ color:#333; font-size:20px; position:relative;}
.teamBox .list_2 .titen{ color:#999; font-size:14px; font-weight:300; text-transform:capitalize;}
.teamBox .list_2 .sub{ padding:0 30px 30px 100px}
.teamBox .list_2 .sub p{ display:block; position:relative; font-size:14px; color:#333; padding-left:15px;margin-top: 5px; -webkit-transition:none;-moz-transition:none;transition:none; display:flex;}
.teamBox .list_2 .sub p:before{ content:""; width:5px; height:5px; background:#333; position:absolute; left:0;top:8px;}
.teamBox .list_2 .sub p span:nth-child(1){ min-width:40%}
.teamBox .list_2 .sub p span:nth-child(2){padding-left:10px;opacity:.7; font-weight:300}
.teamBox .list_2 li:hover{ background:#002049}
.teamBox .list_2 li:hover .tit{color:#d6bf9f}
.teamBox .list_2 li:hover .titen{color:#d6bf9f}
.teamBox .list_2 li:hover .ico img{ top:-60px}
.teamBox .list_2 li:hover .sub p{color:#d6bf9f; transition:0}
.teamBox .list_2 li:hover .sub p span:nth-child(2){ opacity:.9}
.teamBox .list_2 li:hover .sub p:before{ background:rgba(213,189,155,.4)}

.teamList>ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; margin-right:-3%;}
.teamList>ul>li{ width:47%; margin-right:3%; margin-bottom:4%;}
.teamList .cont{ display:flex; display:-webkit-flex; background:#f3f2f1; -webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.teamList .pic{ width:50%}
.teamList .pic:before{ padding-top:150%}
.teamList .ewm{ position: absolute;left:0; top:0; width:100%; height:100%;font-size:.85em}
.teamList .ewm .tit{display:flex; display:-webkit-flex;align-items:center; cursor:pointer;color:#d6bf9f; position:absolute; left:1.5em;bottom:35px;}
.teamList .ewm .tit i{
	--path: 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
    position: relative;
    background:#d6bf9f url(../images/wx-ico.png) no-repeat center;
    -webkit-clip-path: polygon(var(--path));
    clip-path: polygon(var(--path));
	display:block;
	width:40px;
	height:45px;
	margin-right:5px
}
.teamList .ewm .hide{
    position: absolute;
    left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,32,73,.7);
	color:#c9a87b;
    padding:25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition:.4s;
    transition:.4s;
	text-align:center;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	flex-wrap:wrap;
}

.teamList .ewm .hide img{ width:150px;max-width:80%; margin-bottom:10px;} 
.teamList .ewm .hide p{ width:100%;}
.teamList .ewm:hover .hide{opacity:1; visibility: visible;}

.teamList .txt{ width:50%; padding:35px; position:relative; color:#333}
.teamList .txt h3{ font-size:30px; margin-bottom:1em}
.teamList .txt h3 span{ display:block; font-size:.6em;color: #999; font-weight:300}
.teamList .intro span{ display:block; font-size:.9em; color:#999; font-weight:300}
.teamList .intro li{ margin-top:.6em}
.teamList .lx{position:absolute; left:35px;bottom:35px;width:calc(100% - 70px)}
.teamList .lx li{ border-bottom: 1px dotted #d8d8d8;padding-bottom:.5em; margin-bottom:.8em;}
.teamList .lx li:last-child{margin-bottom: 0;}
.teamList .lx span{display: block;color:#999;font-weight:300;font-size:.85em; line-height: 1.5;}
.teamList .more{ position:absolute; left:35px;bottom:35px}
.teamList .txt, .teamList .intro span, .teamList .lx span{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.teamList .lx li{ transition: border .4s;}
.teamList li:hover .cont{ background:#002049}
.teamList li:hover .pic img{ -webkit-transform:scale(1.04);-moz-transform:scale(1.04);transform:scale(1.04)} 
.teamList li:hover .txt{ color: #c9a87b;}
.teamList li:hover .intro span, .teamList li:hover .txt h3 span, .teamList li:hover .lx span{ color:#c9a87b; opacity:.8}
.teamList li:hover .lx li{border-bottom: 1px dotted rgba(255,255,255,.2);}

.content-team{ display:flex; display:-webkit-flex;justify-content:space-between; padding:3% 0}
.content-team .siderBar{ width:22%}
.content-team .rightCon{ width:68%}
.content-team .siderBar .pic{ margin-bottom:1em}
.content-team .siderBar .pic:before{padding-top:150%}
.content-team .siderBar .txt{ color:#333; line-height:1.8}
.content-team .siderBar .txt h3{ color:#c9a87b; font-size:24px;line-height: 1.4; margin-bottom:.5em}
.content-team .siderBar .txt h3 span{ display:block; font-size:.7em; font-weight:300}
.content-team .siderBar .ewm{ position:relative; margin-top:1em}
.content-team .siderBar .ewm .tit{display:flex; display:-webkit-flex;align-items:center; cursor:pointer}
.content-team .siderBar .ewm .tit i{
	--path: 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
    position: relative;
    background:#d6bf9f url(../images/wx-ico.png) no-repeat center;
    -webkit-clip-path: polygon(var(--path));
    clip-path: polygon(var(--path));
	display:block;
	width:40px;
	height:45px;
	margin-right:5px
}
.content-team .siderBar .ewm .hide{
    position: absolute;
    left:0;
    bottom:65px;
	background-color: #002049;
	color:#fff;
    padding:25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition:.4s;
    transition:.4s;
	font-size:.9em;
	text-align:center
}
.content-team .siderBar .ewm .hide::before {
    content: "";
    display: block;
    position: absolute;
    left: 12px;
    bottom:-15px;
    width: 0;
    height: 0;
    border: 8px solid rgba(0,0,0,0);
    border-top-color: #002049;
}
.content-team .siderBar .ewm .hide img{ width:150px;} 
.content-team .siderBar .ewm:hover .hide{opacity:1; visibility: visible;bottom:60px;}
.teamDetail{border-top:1px solid #d8d8d8}
.teamDetail li{ border-bottom:1px solid #d8d8d8; padding:3% 0}
.teamDetail .rtit{ color:#c9a87b; font-size:24px}
.content-team .rightCon .more{ margin-top:3em; float:right}

.benifit ul{ display:flex; display:-webkit-flex; justify-content:space-between}
.benifit li{ width:15%;text-align:center}
.benifit li .ico{
	--path: 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%;
    position: relative;
    width: 110px;
    height: 120px;
    background: rgba(201,168,123,.08);
    -webkit-clip-path: polygon(var(--path));
    clip-path: polygon(var(--path));
    margin-bottom: 1em;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
	margin:0 auto 1em
}
.benifit li p{ line-height:1.5}
.main_2{ background:#f3f2f1}
.contact-list ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; margin-right:-2%}
.contact-list li{ background:#fff; width:48%; margin-right:2%; margin-bottom:3%}
.contact-list .pic:before{ padding-top:66.66%}
.contact-list .txt{ padding:35px 60px}
.contact-list .tit{ font-size:1.4em; font-weight:bold; color:#333; margin-bottom:.2em}
.content-join .intro{ text-align:center; margin-top:-1em}
.form-message{ margin-top:2em}
.form-message .item{ margin-bottom:1%;position:relative}
.form-message .item>p{ color:#666;}
.form-message input[type=text], .form-message textarea {display: block;width: 100%;border:1px solid #ccc;background:#fff; padding:0 20px;line-height:50px;color: #333; font-size:15px;}
.form-message textarea{ height:200px}
.form-message .sub_btn{
	width:160px;
    background: #002049;
    height: 50px;
    margin: 40px auto 0px auto;
    border: 0px;
	color:#fff;
	font-size:16px;
	display:block;
	cursor:pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.form-message .sub_btn:hover{background: #c9a87b;}
.form-message .item .file{width:150px; height:40px;line-height:40px; background:#002049;margin-top:30px; text-align:center; color:#FFF; float:left; cursor:pointer; position:relative; z-index:10;}
.form-message .item .file input{position:absolute;left:0px;top:0px;zoom:1;filter:alpha(opacity=0);opacity:0;font-size:20px; cursor:pointer; width:100%; height:40px; z-index:50;}
.form-message .item .file span{ cursor:pointer;}
.form-message .item .filetxt{float:left;margin-top:30px; line-height:40px; padding-left:10px;}

.hrList-hot{ display:flex; display:-webkit-flex;justify-content:space-between;flex-wrap:wrap}
.hrList-hot li{ width:49%; box-shadow:0 0 5px rgba(0,0,0,.1); margin-bottom:2%}
.hrList-hot a{ background:#fff; padding:10px 25px; display:block; color:#333; font-size:1.2em; position:relative}
.hrList-hot a:before{ content:""; width:5px; height:100%; background:#c9a87b; position:absolute; left:0;top:0; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.hrList-hot span{ position:relative; z-index:2;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.hrList-hot a:hover::before{ width:100%}
.hrList-hot a:hover span{ color:#fff}
.content-hr{ display:flex; display:-webkit-flex; align-items:flex-start}
.content-hr .searchLeft{ width:350px;background:#fff}
.content-hr .searchLeft .tit{ text-align:center; font-weight:bold; color:#333; font-size:20px; padding:10px 10%; border-bottom:2px solid #f3f3f3}
.content-hr .searchLeft form{ padding:8% 10%}
.content-hr .searchLeft .item{ margin-bottom:20px}
/*.content-hr .searchLeft input[type=text]{display: block;width: 100%;border:1px solid #ccc;background:#fff; padding:0 10px;line-height:45px;color: #333; font-size:15px;}*/
.content-hr .searchLeft input[type=text]{display: block;width: 100%;border:1px solid #ccc;background:#fff; padding:0 10px;line-height:36px;color: #333; font-size:15px;}
/*.content-hr .searchLeft select{height: 48px;width: 100%;border: 1px solid #ccc;padding:0 10px;background: url(../images/arrow.png) no-repeat 95% center;-webkit-appearance: none; font-size:15px}*/
.content-hr .searchLeft select{height: 36px;width: 100%;border: 1px solid #ccc;padding:0 10px;background: url(../images/arrow.png) no-repeat 95% center;-webkit-appearance: none; font-size:15px}
.content-hr .searchLeft input[type=submit]{width:100%;background: #002049;height: 50px;line-height: 50px;color:#fff; cursor:pointer; font-size:16px; margin-top:1em; border:0;-moz-transition:.4s;-webkit-transition:.4s; transition:.4s}
.content-hr .searchLeft input[type=submit]:hover{background:#c9a87b}
.content-hr .searchLeft .other{padding:8% 35px}
.content-hr .searchLeft .other span{ display:block; color:#999; line-height:1.5; font-size:.9em; font-weight:300}
.content-hr .searchLeft .other li{ border-bottom:1px dotted #ddd; padding-left:30px;padding-bottom:10px; margin-bottom:20px}
.content-hr .searchLeft .other-zhiwei li:nth-child(1){background:url(../images/job-ico1.png) no-repeat left top 0;}
.content-hr .searchLeft .other-zhiwei li:nth-child(2){background:url(../images/job-ico2.png) no-repeat left top 0;}
.content-hr .searchLeft .other-zhiwei li:nth-child(3){background:url(../images/job-ico3.png) no-repeat left top 0;}
.content-hr .searchLeft .other-hxr li:nth-child(1){background:url(../images/hxr-ico1.png) no-repeat left top 0;}
.content-hr .searchLeft .other-hxr li:nth-child(2){background:url(../images/hxr-ico2.png) no-repeat left top 0;}
.content-hr .searchLeft .other-hxr li:nth-child(3){background:url(../images/hxr-ico3.png) no-repeat left top 0;}
.content-hr .searchLeft .other-hxr li:nth-child(4){background:url(../images/job-ico2.png) no-repeat left top 0;}
.content-hr .searchLeft .other-hxr li:nth-child(5){background:url(../images/job-ico1.png) no-repeat left top 0;}
.content-hr .rightCon{ width:calc(100% - 350px); padding-left:50px;}
.content-hr .rightCon .top{ background:#fff; margin-bottom:5px; padding:20px 5%;}
.content-hr .nrightCon{padding-left:20px;}
.content-hr02 .nrightCon{ padding-left:0;width:100%}
.hrList{ background:#fff; padding:1% 5%}
.hrList li{ border-bottom:1px solid #e8e8e8; padding:4% 0}
.hrList li:last-child{ border-bottom:0}
.hrList .jobtit, .jobdetail .jobtit{ font-size:24px; color:#333; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.hrList .jobcom, .jobdetail .jobcom{ color:#666; font-size:1em; font-weight:300;}
.hrList .jobother{ display:flex; display:-webkit-flex;align-items:center; margin:1.2em 0; color:#666} 
.hrList .jobother p{ margin-right:40px; padding-right:40px; position:relative; line-height:1.5; padding-left:25px;}
.hrList .jobother p span{color:#999;font-size: .85em; padding-right: 5px;}
.hrList .jobother p:after{ content:""; width:1px; height:15px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-7px}
.hrList .jobother p:last-child::after{ display:none}
.hrList .jobother p:nth-child(1){ background:url(../images/job-ico1.png) no-repeat left center}
.hrList .jobother p:nth-child(2){ background:url(../images/job-ico2.png) no-repeat left center}
.hrList .jobother p:nth-child(3){ background:url(../images/job-ico3.png) no-repeat left center}
.hrList .jobintro{ font-size:.9em; line-height:1.5; color:#999; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:1.5em}
.hrList .jobbot{display: felx;display: -webkit-flex;}
.hrList .jobbot a{ margin-right: 10px; display: block; width: 120px;line-height: 40px;font-size:.9em;background: #002049;color: #fff;text-align: center;}
.hrList .jobbot a.jobsend{border: 1px solid #002049;display:none}
.hrList .jobbot a.jobmore{background:#c9a87b;border: 1px solid #c9a87b;}
.hrList .jobbot a.jobsend:hover{color:#002049;background: #fff;}
.hrList .jobbot a.jobmore:hover{color:#c9a87b;background: #fff;}
.hrList .jobtop{ display: flex;display: -webkit-flex;justify-content:space-between;align-items: flex-start;}
.hrList .jobtop .jobsend{ display: block; width: 120px;line-height: 40px;font-size:.9em;background: #002049;color: #fff;border: 1px solid #002049;text-align: center;}

.hrList li:hover .jobtit{color:#c9a87b}
.hrList .jobtop .jobsend:hover{color:#002049;background: #fff;}
.jobdetail-top{background:#fff; margin-bottom:10px; padding:20px 35px;color: #999; display:flex; display:-webkit-flex;justify-content:space-between;align-items: flex-start;}
.jobdetail-top .location{ max-width:calc(100% - 100px)}
.jobdetail-top i{ font-style:normal; color:#999; font-family:Simsun; font-size:14px; padding:0 5px}

.jobdetail{ background:#fff;padding:2% 5% 5%}
.jobdetail .jobcom{margin-bottom:10px}
.jobdetail .jobsend .more2{ margin-left:0;}
.jobdetail-con{border-top:1px solid #e8e8e8;padding-top:20px;margin-top: 10px}
.jobdetail-con .ltit{ 
	display: inline-block; 
	position: relative; 
	background: #c9a87b;
	-webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
	color: #fff;
	padding:0 25px 0 10px;
	margin-bottom:15px
}
.jobdetail-con .listCon{ margin-bottom: 30px;}
.jobdetail-con .listCon .tit{ display: flex;display: -webkit-flex;justify-content:center;background: #f3f3f3;color: #333;font-weight:500}
.jobdetail-con .listCon .tit li{width:33.33%; padding:5px 10px;}
.jobdetail-con .listCon .list li{display: flex;display: -webkit-flex;justify-content:center;border-bottom: 1px solid #e8e8e8;}
.jobdetail-con .listCon .list li div{width:33.33%; padding:5px 10px;}

.teamRelated{ margin-top: 60px;}
.teamRelated-ul>li{ display:flex; display:-webkit-flex; background:#f3f3f3;align-items: center;}
.teamRelated-ul .pic{ width:30%}
.teamRelated-ul .pic:before{ padding-top:150%}
.teamRelated-ul .txt{ width:calc(70% - 200px); padding:0 3em; position:relative; color:#333}
.teamRelated-ul .txt h3{ font-size:30px; margin-bottom:.6em;line-height: 1.4;}
.teamRelated-ul .txt h3 span{display:block; font-size:.5em;color: #999; font-weight:300}
.teamRelated-ul .intro li{ margin-top:.5em; line-height:1.5}
.teamRelated-ul .intro span{ display:block; font-size:.9em; color:#999; font-weight:300}
.teamRelated-ul .lx{margin-top: 2em;}
.teamRelated-ul .lx li{margin-top: .8em;}
.teamRelated-ul .lx span{display:block; font-size:.85em; color:#999; font-weight:300;line-height: 1;}

.teamRelated .ewm{ text-align:center; font-size:.9em; padding:0 30px; width:200px}
.teamRelated .ewm img{ width:100%;display: block;}
.teamRelated li:hover .pic img{ -webkit-transform:scale(1.04);-moz-transform:scale(1.04);transform:scale(1.04)} 

.sendresume{ 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	position:fixed;
	z-index:9999; 
	display:none; 
	background:rgba(0,0,0,.6)
}
.sendresumeCon{	
	background:#fff;
	width:800px;
	position:absolute;
	left:50%;
	top:50%;
	padding:2.5%;
	padding-right: 1.7%;
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.25);
	-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.25);
	box-shadow: 1px 1px 12px rgba(0,0,0,.25);
}
.sendresume.cur{ display:block}
.sendresume .closed{ position:absolute; width:30px; height:30px;right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s; z-index:999999;}
.sendresume .closed:before{ content:""; width:100%; height:2px;background: #333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 0;top: 50%; margin-top:-1px}
.sendresume .closed:after{ content:""; width:2px; height:100%;background: #333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:0; margin-left:-1px}
.sendresume .closed:before, .sendresume .closed:after{-webkit-transition:.3s;-moz-transition:.3s; transition:.3s}
.sendresume .closed:hover::before, .sendresume .closed:hover::after{background: #c9a87b;}
.sendresume .content{overflow-y:auto;max-height:70vh;padding-right: 3%;}
.sendresume .content::-webkit-scrollbar {
	width: 4px;
}
.sendresume .content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	opacity: 0.2;
	background:#c9a87b
}
.sendresume .content::-webkit-scrollbar-track {
	border-radius: 10px;
	background:#f3f3f3
}

.wrapper-dropdown-2 {
    /* Size and position */
    position: relative;
    width: 100%;
    padding:0 10px;

    /* Styles */
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
	font-size: 15px;
	line-height: 50px;
}

.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #333 transparent;
}

.wrapper-dropdown-2 .dropdown {
    position: absolute;
    top: 130%;
    left: -1px;
	z-index:2;

    background: white;
    border-radius: inherit;
	border:1px solid #ccc;

	padding:5px 0;
	width:calc(100% + 2px);

    /* Hiding */
	display:none;
    pointer-events: none;
}

.wrapper-dropdown-2 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-2 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-2 .dropdown li{
    display: block;
    padding: 5px 10px;
	line-height:1.5;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}



/* Hover state */

.wrapper-dropdown-2 .dropdown li:hover{
    background: #fafafa;
}

/* Active state */

.wrapper-dropdown-2.active .dropdown {
    display:block;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-2 .dropdown,
.no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-2.active .dropdown,
.no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

.hrlist02-Box{ background:#fff;padding:3% 5% 5%;}
.hrlist02-Box .tit{ display:flex; display:-webkit-flex;background: #002049; color:#fff}
.hrlist02-Box .tit>div{text-align:center; padding:10px 5px; width:10%}
/*.hrlist02-Box .tit>div.gzjl, .hrList02 .row .gzjl{ width:calc(50% - 50px); text-align:left;padding-left: 15px;}*/
.hrlist02-Box .tit>div.gzjl, .hrList02 .row .gzjl{ width:calc(70% - 50px); text-align:left;padding-left: 15px;}
.hrlist02-Box .tit>div.gzjl p{ font-size:.9em; opacity:.7; font-weight:300;display: inline;}
.hrlist02-Box .tit>div.gzjl p span{ position:relative; padding:0 8px;}
.hrlist02-Box .tit>div.gzjl p span:after{ content:""; width:1px; height:15px; background:rgba(255,255,255,.4); position:absolute;right:0;top:0}
.hrlist02-Box .tit>div.gzjl p span:last-child::after{ display:none}
.hrlist02-Box .tit>div.last, .hrList02 .row>div.last{ width:50px}
.hrList02 .row{display:flex; display:-webkit-flex;}
.hrList02 .row>div{ text-align:center; padding:14px 5px; line-height:1.4;width:10%; color:#666}
.hrList02 .row:nth-child(even){ background:#f3f3f3}
.hrList02 .row .gzjl li{ float:left; width:100%; margin-bottom:5px;font-size:.9em}
.hrList02 .row .gzjl li p{ float:left; margin-right:2%;word-break:break-word;width:31.33%}
.hrList02 .row>div.hy{font-size: .9em;word-break: break-word;}
.hrList02 .row:last-child{ border-bottom:1px solid #e8e8e8}
.hrList02 .row>div.last{ position:relative}
.hrList02 .row>div.last:after{ content:""; width:5px; height:5px; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:45%;top:22px;}
.hrList02 .row:hover>div.last:after{border-top:1px solid #c9a87b; border-right:1px solid #c9a87b;}
.hrList02 .row:hover>div:first-child{color:#c9a87b}
/**/
.float_kf{position:fixed;right:0;bottom:5%;text-align: right;z-index: 300;}
.float_kf .item{
    transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
	margin-bottom:2px
}
.float_kf .item>a{position: relative;
    display:block;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.4);
	border-top-left-radius:5px;
	border-bottom-left-radius:5px
}
.float_kf .item>a:hover{background-color:#004e90;}
.float_kf .backtop:before{ content:""; width:12px; height:12px; border-top:2px solid #fff; border-left:2px solid #fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position:absolute; left:18px;top:22px}


.img-map img{display: block;}
.img-map map, .img-map area{outline: none;}